<template>
  <el-card shadow="hover" class="box-card" style="height: 115px;margin-bottom: 20px">
    <el-row >
      <el-col :span="1"><div class="grid-content "></div></el-col>
      <el-col :span="12"><div class="grid-content ">
        <p>职位名称[地区]</p>
        <div class="info">
          <p>薪水</p>
          <p>|</p>
          <p>要求</p>
        </div>
      </div></el-col>
      <el-col :span="8"><div class="grid-content "></div></el-col>
      <el-col :span="3"><div class="grid-content "><el-button>按钮</el-button></div></el-col>
    </el-row>
  </el-card>
</template>

<script>
export default {
  name: 'JobInfoCards'
}
</script>

<style >
.box-card .el-card__body{
  /*padding: 0;*/
}
.info p{
  float: left;
}
</style>
